<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../Resources/flexible.debug.js" ></script>
		<script type="text/javascript" src="../Resources/flexible_css.debug.js" ></script>
		<script type="text/javascript" src="../Resources/swiper/swiper.min.js" ></script>
		<script type="text/javascript" src="../Resources/artTemplate.js" ></script>
		<script type="text/javascript" src="../Resources/jquery-3.2.0.js" ></script>
		<link iu  bn5n5c4r f4rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/shsi.css" />
		<link rel="stylesheet" href="css/reset.css" />
		
	</head>
	<body>
		<header class="head">
			<span><img src="imgs/images/da_03.png"/></span>
			<span><img src="imgs/images/da_05.png"/></span>
		</header><!---->
		
		<div class="swiper-container a">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="imgs/images/shi_02.png"</div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <!--<div class="swiper-pagination"></div>-->
			    
			    <!-- 如果需要导航按钮 -->
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>
			    
			    <!-- 如果需要滚动条 -->
			    <div class="swiper-scrollbar"></div>
		</div> 
		
		
		<div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>
		
		<!--<section class="one">
			<img src="img/images/kuku_03.png"/>
			<span><button>进入卖场</button></span>
		</section>-->
		<main class="ain">
			<p>品牌精选</p>
		</main>
			<main class="in">
				<ul>
					<li><img src="imgs/images/shi_18.png"/></li>
					<li><img src="imgs/images/shi_19.png"/></li>
					<li><img src="imgs/images/shi_20.png"/></li>
					<li><img src="imgs/images/shi_22.png"/></li>
					<li><img src="imgs/images/shi_24.png"/></li>
					<li><img src="imgs/images/shi_25.png"/></li>
					<li><img src="imgs/images/shi_26.png"/></li>
				</ul>
			</main>
		
		<main class="n">
			<ul>
				<li>
					<span>搭配精选</span>
					<span>更多搭配</span>
					<span><img src="imgs/images/mmm_03.png"/></span>
				</li>
			</ul>
		</main>
		
		
		<section class="cai">
			<dl class="dl-1">
				<dt><img src="imgs/images/shi_29.png"/></dt>
				<dd>首页</dd>
			</dl>
			<dl class="dl-2">
				<dt><img src="imgs/images/da_46.png"/></dt>
				<dd>单品</dd>
			</dl>
			<dl class="dl-3">
				<dt><img src="imgs/images/shi_33.png"/></dt>
				<dd>搭配</dd>
			</dl>
			<dl class="dl-4">
				<dt><img src="imgs/images/da_50.png"/></dt>
				<dd>帅吧</dd>
			</dl>
			<dl class="dl-5">
				<dt><img src="imgs/images/da_52.png"/></dt>
				<dd>我的</dd>
			</dl>
		</section>
		
		
		
		
		
		
		
		
		
		
		
		
		<script type="text/html" id="list">
			{{each list as v i}}
					<li>
						<img src="{{v.imgs}}"/>
						<p>{{v.font}}</p>
					</li>
			{{/each}}
		</script>

		<script>
			 $(function(){
			 	$('.dl-1').click(function(){
    			location.href ="z-index.html";
    		})
               $('.dl-2').click(function(){
    			location.href ="wu.html";
    		})
               $('.dl-3').click(function(){
    			location.href ="can.html";
    		})
               $('.dl-4').click(function(){
    			location.href ="shiwu.html";
    		})
               $('.dl-5').click(function(){
    			location.href ="shiliu.html";
    		})
              $('.dl-6').click(function(){
    			location.href ="shi.html";
    		}) 
            var _url = "json/shisi.json";
            $.get(_url,function(res){
				console.log(res)
				var str = '';
				 var str = template("list", {list:res});	 
				 console.log(str);
				$('.twtw').html(str);
			});
         })
			 $('.twtw').on('click',function (e) {
			 	var ee = $(e.target);
			 	console.log(ee)
			 	if (ee.text() === '每日签到'||ee[0].src=='http://127.0.0.1:8020/wangfl/src/imgs/images/shi_05.png') {
			 		location.href = 'ershiyi.html'
			 	}
			 	if (ee.text() === '秀吧'||ee[0].src=='http://127.0.0.1:8020/wangfl/src/imgs/images/shi_07.png') {
			 		location.href = 'shijiu.html'
			 	}
			 	if (ee.text() === '发型屋'||ee[0].src=='http://127.0.0.1:8020/wangfl/src/imgs/images/shi_09.png') {
			 		location.href = 'shi.html'
			 	}
			 	if (ee.text() === '今天穿什么'||ee[0].src=='http://127.0.0.1:8020/wangfl/src/imgs/images/shi_11.png') {
			 		location.href = 'index.html'
			 	}
			 })
		</script>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<script type="text/javascript">
			 var mySwiper = new Swiper ('.a', {
		  	autoplay:2000,
		  	keyboardControl:true,
		    loop: true,
		    paginationClickale:true,
		    nextButton: '.swiper-button-next',
		    prevButton: '.swiper-button-prev',
		  })   
		</script>
	</body>
</html>
